<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery.min.js"></script>
</head>
<body>
   <div>1</div>
   <div>2</div>
   <div>3</div>
   <script>
       $(function () {
          // $("div").css("color","red");
           //如果设置同一元素的不同样式，可以遍历元素 用each() 这个方法和fo(),但是比for()还要强大
           var arr= ["red","green","blue"];
           var sum = 0;//设置求和变量
           $("div").each(function (i,domEle) {
               /*
               * 回调函数第一个参数一定是索引号，可以自己命名这个索引号
               * 第二个参数一定是dom元素，也可以自己命名*/
              /* console.log(i);
               console.log(domEle);*/
               //domEle.css("color","red");dom对象是没有css方法的
               $(domEle).css("color",arr[i]);
                 //求3个div的和
               sum += parseInt($(domEle).text());
           })
           console.log(sum);
           $.each({
               name:"java",
               age:26,
           },function (i,ele) {
               console.log(i);
               console.log(ele);
           })
       })
   </script>
</body>
</html>